<%@include file="startUpIncludes.jsp" %>
        <title>
            View Invoice
        </title>
    <script type="text/javascript" src="../js/modalwin.js"></script>
    <script type="text/javascript" src="../js/invoiceTable.js"></script>
    </head>
    <body>
    <jsp:include page="header.jsp" >
		<jsp:param value="true" name="loggedIn"/>
	</jsp:include>
    <div class="modal-win-bg">
        <div class="modal-win-box">
            <div class="modal-win-hd">
                <span class="modal-win-title"></span>
                <span class="modal-win-close">x</span>
            </div>
            <div class="modal-win-content"></div>
            <a class="form-btn modal-win-ok">OK</a>
        </div>
    </div>
    <div class="wrap">
	<div class="fitBG">
        <div class="main">
		<%@include file="basicLeftMenu.jsp" %>
            <div class="content">
				<jsp:include page="tabs.jsp" >
					<jsp:param value="invoice" name="currentPage"/>
				</jsp:include>
                <div class="tab-content">
                <h3>View Invoice</h3>
                <div class="btns">
                <a  href="/sales/s/invoices" class="form-btn">Cancel</a>
                <shiro:hasRole name="invoiceExport"><a  href="/sales/s/pdfView?id=${invoice.id}" class="form-btn">Export</a></shiro:hasRole>
                
                </div>
                <div class="form-row">
                    <h4>Invoice Information</h4>
                    <!-- <div class="info"><label>Name: </label><span>${userDetails.fName} ${userDetails.lName}</span></div> -->
                    <div class="input-col">
                        <label>Telephone: </label>
                        <span>${invoice.contact.leadId.phone}</span>
                        <label>Contact Name:</label>
                        <span>${invoice.contact.fName}</span>
                        <label>Contact Address: </label>
                         <span>${invoice.contact.leadId.state}</span>
                        <label>Telephone: </label>
                        <span>${invoice.contact.mobile}</span>
                        <label>Email: </label>
                        <span>${invoice.contact.email}</span>
                    </div>
                    <div class="input-col">
                        <label>Invoice Number: </label>
                        <span>${invoice.code}</span>
                        <label>Date: </label>
                        <span>${invoice.dateCreated}</span>
                        <label>Company Name: </label>
                        <span>${invoice.contact.leadId.companyName}</span>
                        <label>Address: </label>
                        <span>${invoice.contact.leadId.state}</span>
                        <label>Website: </label>
                        <span>${invoice.contact.leadId.webSite}</span>
                    </div>
                </div>
                <div class="form-row">
					<div class="invoice-tables">
	
						<%@include file="invoice-view-table.jsp" %>
					</div>
                </div>
                <div class="btns">
                <a href="/sales/s/invoices" class="form-btn">Cancel</a>
                </div>
                </div>
            </div>
        </div>
        
    <%@include file="footer.jspf" %>
    </div>
    </div>

    </body>
</html>